.c-toast {
  position: fixed;
  top: 5%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  padding: 12px 24px;
  background: rgb(67, 243, 138);
  border-radius: 8px;
  min-width: 50%;
  animation: ani 0.2s forwards;
  line-height: 1;
  color: #fff;
  .close {
    color: #fff;
  }
}
// 错误提示
.error {
  background: rgb(243, 86, 86);
}

// 信息提示
.info{
  background: rgb(96, 96, 96);
}

@keyframes ani {
  0% {
    top: 0;
    opacity: 0;
  }
  100% {
    height: auto;
    top: 5%;
    opacity: 1;
  }
}
